<head>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2019571_tjzcwykux9.css">
</head>
<div class="left-nav">
    <ul class="sanjiao">
        <li><a href="#"> <i class="iconfont iconshouye"></i>首页 </a> </li>
        <li class="active"><a href="javascript:;"> <i class="iconfont iconqiye1"></i>品牌公寓事业部<b class="sj"></b> </a>
            <div class="hide_list">
                <p class="active"><a href="#">分布式房态图</a></p>
                <p><a href="#">业主管理 </a></p>
            </div>
        </li>
        <li><a href="javascript:;"> <i class="iconfont iconershoufangshichang"></i>二手房事业部 <b class="sj"></b></a>
            <div class="hide_list">
                <div class="hide_ls">
                    <h4> 楼盘管理 <b class="sj"></b></h4>
                    <div class="hids_ls">
                        <p><a href="#">楼盘列表</a></p>
                        <p><a href="#">房屋列表</a></p>
                        <p><a href="#">应用列表</a></p>
                    </div>
                </div>
                <div class="hide_ls">
                    <h4> 房源管理 <b class="sj"></b></h4>
                    <div class="hids_ls">
                        <p><a href="#">买卖房源</a></p>
                        <p><a href="#">租赁房源</a></p>
                        <p><a href="#">申请列表</a></p>
                        <p><a href="#">审批列表</a></p>
                    </div>
                </div>
                <div class="hide_ls">
                    <h4> 客源管理 <b class="sj"></b></h4>
                    <div class="hids_ls">
                        <p><a href="#">买卖客户</a></p>
                        <p><a href="#">租赁客户</a></p>
                        <p><a href="#">共享客源</a></p>
                        <p><a href="#">申请列表</a></p>
                        <p><a href="#">审批列表</a></p>
                    </div>
                </div>
                <div class="hide_ls">
                    <h4> 成交管理 <b class="sj"></b></h4>
                    <div class="hids_ls">
                        <p><a href="#">买卖合同</a></p>
                        <p><a href="#">买卖合同</a></p>
                    </div>
                </div>
            </div>
        </li>
        <li><a href="javascript:;"> <i class="iconfont iconqiye"></i>新房事业部</a>
            <!--<div class="hide_list">-->
            <!--<p><a href="#">查看订单</a></p>-->
            <!--<p><a href="#">已下载订单 </a></p>-->
            <!--</div>-->
        </li>
        <li><a href="javascript:;"> <i class="iconfont iconshuiwu"></i>企业服务事业部 <b class="sj"></b></a>
            <div class="hide_list">
                <p class="active"><a href="#">保修/保洁申请</a></p>
                <p><a href="#">委托申请</a></p>
                <p><a href="#">预约看房</a></p>
            </div>
        </li>
        <li><a href="javascript:;"> <i class="iconfont iconjichengcopy"></i>权证代办事业部</a>
            <!--<div class="hide_list">-->
            <!--<p><a href="#">我的信息</a></p>-->
            <!--</div>-->
        </li>
        <li><a href="javascript:;"> <i class="iconfont icon-icon-test1"></i>业绩系统</a>
            <!--<div class="hide_list">-->
            <!--<p><a href="#">我的信息</a></p>-->
            <!--</div>-->
        </li>
        <li><a href="javascript:;"> <i class="iconfont icon-zichanguanli"></i>财务系统<b class="sj"></b></a>
            <div class="hide_list">
                <p class="active"><a href="#">账单管理</a></p>
                <p><a href="#">交易流水</a></p>
            </div>
        </li>
        <li><a href="#"> <i class="iconfont icon-quanxian"></i>权限<b class="sj"></b></a>
            <div class="hide_list">
                <p class="active"><a href="#">门店管理</a></p>
                <p><a href="#">房源分配</a></p>
                <p><a href="#">员工管理</a></p>
            </div>
        </li>
    </ul>
</div>
<script>
    //    $(".left-nav li").click(function() {
    //        $(this).addClass("active").siblings().removeClass("active");
    //        //顶部下拉
    //    })
    $(".left-nav li b").click(function () {
        if ($(this).hasClass("sj-close")) {
            $(this).removeClass("sj-close").addClass("sj");
            $(this).parent().siblings('.hide_list').hide();
            $(this).parent().siblings('.hids_ls').hide();


        } else if ($(this).hasClass("sj")) {
            $(this).removeClass("sj").addClass("sj-close");
            $(this).parent().siblings('.hide_list').show();
            $(this).parent().siblings('.hids_ls').show();
        }
    });
    $('.left-nav li').click(function () {
        $(this).addClass("active").siblings().removeClass("active");
        //        $(this).children().show();
        //        $(this).siblings().children().hide();
    })
    $('.hide_list>p').click(function () {
        $(this).addClass("active").siblings().removeClass("active")
    });
</script>